@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	background: #fff;
	line-height: 190%;
	color: #5a5a5a;
	font-family: Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;
	font-size: 14px;
	letter-spacing: 0.05em;
}

img {
	max-width: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	vertical-align: middle;
}
/* custom */
a {
	outline: none;
	color: #333;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}

a:focus {
	outline: none;
}

input:focus, select:focus, textarea:focus {
	outline: -webkit-focus-ring-color auto 0;
}

.m1200 {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.ov {
	overflow: hidden;
}

/* head头部 */


.header {
	width: 100%;
	min-width: 300px;
	height: auto;
	z-index: 99999999;
	position: relative;
	top: 0;
	left: 0;
}

.header.current .black_bg01 {
	display: block;
}

.header .topWrap {
	width: 100%;
	background: url(topwrap_bg.png) no-repeat top center #053ca2;
}

.header .top {
	height: 42px;
	line-height: 42px;
	width: 1225px;
	margin: 0 auto;
	color: #fff;
}

.header .top a {
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.header .top span {
	color: #fff;
	margin: 0 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.header .top_lf {
	float: left;
}

.header .top_rt {
	float: right;
}
.header .top_rt form{display: inline-block;}
.header .top_rt form .serK{
    width: 161px;
    height: 25px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    position: relative;
    top: -2px;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 15px;
    margin-left: 15px;
    color: #fff;
}
input::-webkit-input-placeholder { /* WebKit browsers */ 

color: rgba(255,255,255,0.6); 

} 

.header .nav-wrapper {
	width: 100%;
	height: 75px;
	background-color: #fff;
}

.header .logo {
	width: 200px;
	height: 0;
	position: relative;
	z-index: 99992;
	top: -34px;
	margin: 0 auto;
	transition: all 0.3s ease
}

.header .logo_bg {
	width: 260px;
	height: 0;
	position: relative;
	z-index: 99990;
	top: 75px;
	margin: 0 auto;
}

.header .logo_bg img {
	width: 97%;
}

.header .nav {
	width: 1225px;
	margin: 0 auto;
	z-index: 9992;
}

.header .nav_lf {
	width: 41.24%;
	float: left;
}

.header 	.nav_rt {
	width: 41.24%;
	float: right;
}

.header .nav ul {
}

.header .nav ul li {
	float: left;
	height: 40px;
	padding-top: 18px;
	transition: all 0.3s ease;
	position: relative;
}

.header .nav ul>li {
	width: 20%;
}

.header .nav ul li>a {
	padding: 0;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #013a71;
	transition: all 0.3s ease;
}

.header .nav ul li>a {
	font-size: 18px;
	display: block;
	font-weight: bold;
}

.header .nav ul li.on>a, .header  .nav ul li:hover>a {
	color: #fff;
	background-color: #04399c;
}

.header 	.nav ul li.on {
	height: 57px;
}

.header 	.nav .headyoubian li {
	
}

.header .header.currents .logo {
	width: 135px;
	top: -37px;
}

.header .header.currents .nav ul li {
	padding-top: 10px;
	height: 48px;
}


.header .header.currents .nav-wrapper {
	height: 56px;
}

.header .header.currents {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4)
}

.header 	.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
	display: block;
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
	
	
	






/* foot开始 */

.footer{
	width: 100%;
	background: #0047a8;
	padding-bottom: 0;
	}
	
	.footer .middle {
	display: block;
	text-align: center;
	width: 1170px;
	margin: 15px auto;
	overflow: hidden;
	
	}
	
	.footer .middle .foot-text {
	
	margin: 30px 0px;
	}
	
	.footer .middle .foot-text p {
	font-size: 15px;
	margin: 0px;
	color: rgba(255,255,255,0.8);
	line-height: 32px;
	text-align: right;
	vertical-align: middle;
	}
	.footer .middle .codee{display: block;float: left;margin: 11px 0px 11px 23px;}
	.footer .middle .codee img{width: 60px;}
	.footer .middle .codee p{width: 121px;color: #fff;line-height: 21px;}
	.footer .middle .rz {
	margin: 35px 0 0 40px;
	}
	
	.footer .middle .line {
	margin: 0 40px;
	width: 1px;
	}
	
	.footer .middle .info {
	position: relative;
	margin: 36px 0px;
	float: right;
	}
	
	
	
	.footer .middle .info>img {
	float: left;
	width: 353px;
	}
	
	.footer .copy{color: rgba(255,255,255,0.8);text-align: center;font-size: 14px;background: #00348b;padding: 10px 0;}
	
.footer .copy a{color: rgba(255,255,255,0.8)}
	
	.footer .img_box {
		position: relative;
		float: left;
		margin-left: 20px;
	}
	
	.footer .img_box p {
		color: #fff;
		width: 90px;
		background: #0047a8;
		z-index: 100;
		position: absolute;
		left: 50%;
		margin-top: -32px;
		margin-left: -45px;
		text-align: center;
		font-size: 14px;
	}
	
	.footer .img_box img {
		width: 80px;
		height: 80px;
		padding: 23px;
		border: 1px solid rgba(255,255,255,0.4);
		margin: 10px
	}
	
	
.imgsss{
	width: 100%;
	height: 130px;
	
}
.imgsss img{
	width: 100%;
	height: 100%;	
}


/* 列表提示 */
.list-laypage-default {
    overflow: hidden;
    margin-top: 25px;
    font-size: 14px;
}
.list-laypage-default li {
    width: auto;
    padding: 5px;
    margin: 2px;
    float: left;
    box-sizing: content-box;
}
.thisclass {
    background: #24b0bd;
    color: #fff
}
.thisclass a{
    color: #fff
}
.pageinfo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}
/* 导航 */
.position{
    margin: 10px 0px;
    font-size: 14px;

    border-bottom: 1px solid #eee;
    line-height: 30px;
    color: #030303;
}